import React from 'react'
import {useEffect,useState} from 'react'
import { useHistory } from 'react-router';
import design1 from '../images/非遗文创产品2.jpg';
import design2 from '../images/非遗文创产品3.jpg';
import design3 from '../images/纸巾盒.jpg';
import './Mycollection.css';
import { UserOutlined } from '@ant-design/icons';
import { Avatar, Button,Carousel } from 'antd';

const Mycollection = () => {
    
    return (
        <div className="collection_box">
           <div className='collection_item'>
               <img src={design1} className='item_img'/>
               <div className='item_name'>剪纸</div>
               <div className='item_designer'>
                  <Avatar size={32} icon={<UserOutlined />} />
                  <span className='designer_name'>好好学习……</span>
                  <Button className='del_conllection' type="dashed" danger ghost>删除</Button>
               </div>
           </div>
           <div className='collection_item'>
               <img src={design2} className='item_img'/>
               <div className='item_name'>蜀绣艺术</div>
               <div className='item_designer'>
                  <Avatar size={32} icon={<UserOutlined />} />
                  <span className='designer_name'>小强爱剪纸</span>
                  <Button className='del_conllection' type="dashed" danger ghost>删除</Button>
               </div>
           </div>
           <div className='collection_item'>
               <img src={design3} className='item_img'/>
               <div className='item_name'>画影</div>
               <div className='item_designer'>
                  <Avatar size={32} icon={<UserOutlined />} />
                  <span className='designer_name'>我想静静</span>
                  <Button className='del_conllection' type="dashed" danger ghost>删除</Button>
               </div>
           </div>
           <div className='collection_item'>
               <img src={design1} className='item_img'/>
               <div className='item_name'>新型艺术</div>
               <div className='item_designer'>
                  <Avatar size={32} icon={<UserOutlined />} />
                  <span className='designer_name'>likeit</span>
                  <Button className='del_conllection' type="dashed" danger ghost>删除</Button>
               </div>
           </div>
        </div>
    )
}

export default Mycollection;
